/**
* @file  SelectItem
* @author xiao_xie
* @date 2025-03-26
*/


import { AimOutlined, DeleteOutlined, SettingOutlined } from '@ant-design/icons';
import React from 'react';

type Props = {
    desc: string;
    name: string;
};

const SelectItem: React.FC<Props> = ({desc,name}) => {
    return <div className='bg-white rounded-lg shadow-md p-4 mb-4'>
        <div className='flex justify-between items-center'>
            <div className='flex-1'>
                <p className='text-gray-600 text-sm mb-1'>{desc}</p>
                <p className='text-lg font-medium text-blue-500'>{name}</p>
            </div>
            <div className='flex space-x-4 items-center'>
                <AimOutlined className='text-gray-500 hover:text-blue-500 cursor-pointer' />
                <SettingOutlined className='text-gray-500 hover:text-blue-500 cursor-pointer' />
                <DeleteOutlined className='text-gray-500 hover:text-red-500 cursor-pointer' />
            </div>
        </div>
    </div>;
};
export default SelectItem;
